<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
        <link rel="stylesheet" type="text/css" href="css/index.css?t=1" />
        <link rel="stylesheet" type="text/css" href="css/style.css?t=1" />
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
        <script type="text/javascript" src="cordova.js"></script>
        <script src="js/common.js"></script>
        <script src="js/common_alert_redirect.js"></script>
        <script src="js/bannerRotator2.js"></script>
        <script src="js/ads.js"></script>
        <script type="text/javascript" src="js/updateBudget.js"></script>

        <title>Add Spending</title>      
    </head>
    <body class="login">
        <div class="navbar">
            <a class="back-page" href="budget.html"><img src="img/ico-back.png"/></a>
            <a class="right-col right-col-add update-budget-item add-item" href="javascript:void(0)"><img src="img/save-icon.png" class="guest-list-add" /></a>
            <div class="title-col title-col-login">Add Spending</div>
        </div>
        <div id="loginPage" data-role="page" class="add-guest-page">
            <div id="error-msg" class="login-error-msg">
                <div></div>

            </div>

            <div class="input-col-signup">
                <input type="text" class="input-frm input_text" name="Item" value="Item name*"/>
            </div>
            <div class="input-col-signup">
                <input type="text" class="input-frm input_text" name="Amount" value="Amount*"/>
            </div>

        </div>
        <div class="slide-page wd-fix">
            <div align="center">
                <div id="bannerRotator">
                </div>
            </div>
        </div>

    </body>
</html>
